<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box"> box<div></div>

    <script>
        // 第一题
        let a= 1000;
        function fn(){ 
            a=a++&&--a;   // a++ => a=1001 => true,继续执行&&后面的代码，且将此结果赋值给a，即a=--a=--1001=1000；
            console.log(a)    // 1000
            function fn1(a){
                console.log(++a)   // 1
            }
            fn1(0)
        }
        console.log(a);  // 1000；
        fn()   // 
        console.log(a); 


        // 第一题结果
        // 1000；
        // 1000；
        // 1；
        // 1000；

        // 第二题
        // console.log(1);   // 1
        // const fn1=()=>{
        //     console.log(2);
        //     setTimeout(()=>{
        //         console.log(3)
        //     },0)
        //     console.log(4)
        // }
        // console.log(5)  // 5
        // fn1()

        // 第二题结果
        // 1
        // 5
        // 2
        // 4
        // 3

        // 第三题
        // console.log(1);
        // document.querySelector('.box').addEventListener('click',()=>{
        //     console.log(2)
        //     setTimeout(()=>{
        //     console.log(3)
        //     },0)
        //     console.log(4)
        // })
        // console.log(5)
        // document.querySelector('.box').click();   // 这相当于在调用吗？

        // 第三题答案
        // 1
        // 5
        // 2
        // 4
        // 3



        // 课件第二题
        var a = 100
        var b = 200
        var arr = [2, 2, 2]

        var newArr = arr.map(function(item, index) {
            var a = 300

            if (item === index + 1) { return index }
            if (item === index) { return b }
            return a
        })

        window.setTimeout(function() {
            console.log(++b)
        }, 0)
        console.log(newArr)

        // 课件第二题答案
        // [300,1,200]   newArr
        // 201




    </script>
</body>
</html>